// 患者聊天对话框
import QtQuick 2.0
import QtQuick.Controls 2.1
import QtQuick.Layouts 1.1

import com.yihu.xchat.enum 1.0
import com.yihu.xchat.model 1.0

import "../../../js/view/subview/P2PSessionView.js" as Js
import "../../widgets" as Widgets

Rectangle {
    id: p2pSessionView

    // 封装私有属性，由内部JS才可以使用
    Item {
        id: props

        property var sessionModel                   // 会话模型
    }

    // 方法，给外部使用
    readonly property var setSession: Js.setSession
    readonly property var sendMessage: Js.sendMessage

    // 属性，给外部使用
    readonly property var sessionModel: props.sessionModel

    Column {
        // 用户头像与姓名
        Row {
            id: userSection

            anchors.left: parent.left
            anchors.leftMargin: 10

            spacing: 15

            Rectangle{
                anchors.verticalCenter: parent.verticalCenter

                width: 50
                height: 50
                radius: width / 2

                Widgets.RoundImage {
                    id: peerPhoto

                    width: parent.width
                    height: parent.height
                }
            }

            Text {
                id: peerName
                anchors.verticalCenter: parent.verticalCenter

                text: ""

                font.pointSize: 26
                font.bold: true
            }
        }

        // 业务按钮区域，可以根据业务需要增加相应的功能
        Row {
            id: businessSection

            anchors.left: parent.left
            anchors.leftMargin: 10
            height: 30

            spacing: 15

            Image {
                anchors.verticalCenter: parent.verticalCenter

                source: "qrc:/images/status_chat.png"

                width: 24
                height: 24
            }
        }

        // 聊天控件，包含历史消息显示及文字输入
        Widgets.ChatBox {
            id: chattingWidget
            width: p2pSessionView.width
            height: p2pSessionView.height - userSection.height - businessSection.height
        }
    }
}
